<template>
    <div>
        <template v-if="text">
            <van-divider :content-position="position" :hairline="hairline" :dashed="dashed" :style="customStyle">{{text}}</van-divider>
        </template>
        <template v-else>
            <van-divider :content-position="position" :hairline="hairline" :dashed="dashed" :style="customStyle"></van-divider>
        </template>
    </div>
</template>
<script>
export default {
    name:"eagle-divider",
    props:{
        text:{
            type:String,
            default:""
        },
        position:{
            type:String,
            default:'center'
        },
        hairline:{
            type:Boolean,
            default:()=>true,
        },
        dashed:{
            type:Boolean,
            default:()=>false,
        },
        customStyle:{
            type:Object,
            default:()=>{}
        }
    }
}
</script>